<template>
  	<div style="position:relative;">
	  	<div class="beijing">
	  		<div class="tutu1"></div>
	  		<div class="weixin">这里是微信名</div>
	  		<div class="zongjifen">
		  		<div style="height: 20px;width: 20px;border: 1px solid black;float: left;margin-top: 8px;margin-left: 4px;"></div>
		  		<div style="float: left;margin-left:4px;margin-top: 5px;">总积分</div>	
		  		<div style="float: right;margin-left:4px;margin-top: 5px;">949</div>
		  		<div class="clearfix"></div>
	  		</div>
	  		<div class="clearfix"></div>
	  	</div>	
	  	
	  	<div style="height: 10px;background: #F5F5F5;;"></div>
	  	
		<div class="jifen">
			<div class="jifenk"></div>
	  		<span class="jfgz_text">帮助记录</span><span class="you_jh"><img src="static/arrow_right_gray.png"></span>
	  		<div class="clearfix"></div>
	  	</div>
	  	<router-link to="/bangzhujilu">
		  	<div class="jifen1">
		  		<div class="jifenk"></div>
		  		
		  		<span class="jfgz_text">我的拼抢</span><span class="you_jh"><img src="static/arrow_right_gray.png"></span>
		  		
		  		<div class="clearfix"></div>
		  	</div>
	  	</router-link>
	  	
	  	<div class="jifen2">
	  		<div class="jifenk"></div>
	  		<span class="jfgz_text">我的收获地址</span><span class="you_jh"><img src="static/arrow_right_gray.png"></span>
	  		<div class="clearfix"></div>
	  	</div>
	  	<div class="zuidi">
	  		<div>
	  			<img src="static/pinqianging.png" />
	  			<p style="text-align: center;line-height: 14px;font-size: 10px;color: #9B9B9B;">拼抢ing</p>
	  		</div>
	  		<div>
	  			<img src="static/cart_1.png" />
	  			<p style="text-align: center;line-height: 14px;font-size: 10px;color: #9B9B9B;">积分商城</p>
	  		</div>
	  		<div>
	  			<img src="static/gerenzhongxin_select.png" />
	  			<p style="text-align: center;line-height: 14px;font-size: 10px;color: #00c850;">个人中心</p>
	  		</div>
	  	</div>
  	</div>
  
</template>

<script>
//import { Group, Cell } from 'vux'

export default {
  components: {
//  Group,
//  Cell
  },
  data () {
    return {
      // note: changing this line won't causes changes
      // with hot-reload because the reloaded component
      // preserves its current state and we are modifying
      // its initial state.
      msg: 'Hello World!'
    }
  }
}
</script>

<style>
	.clearfix{
		float: none;clear: both;
	}
.beijing{
	color:#00c850;
	width: 100%;
	height: 120px;
	border: 1px solid red;
}
.tutu1{
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: 1px solid red;
	margin-top: 30px;
	margin-left: 15px;
	float: left;
}
.weixin{
	float: left;
	line-height: 18px;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 auto;
	margin-left: 30px;
	border: 1px solid black;
	margin-top: 51px;
}
.zongjifen{
	height: 36px;
	width: 120px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	border: 1px solid red;
	float: right;
	margin-top: 42px;
}
.jifenk{
		margin-left: 35px;
		float: left;
		height: 40px;
		color: #333333;
		}

.zuidi{
	position: fixed;
	bottom: 0px;
	height: 49px;
	width: 100%;
	border: 1px solid red;
	box-sizing: border-box;
	
}	
.zuidi div{
	width: calc(100% / 3);
	
	height: 40px;
	float: left;
}	
.zuidi div img{
	margin-top: 0px;
	margin-left:50px;
}

</style>
